<template>
  <div class="block">
    <el-carousel trigger="click" height="160px">
      <el-carousel-item v-for="(item,index) in list" :key="index">
        <img :src="item">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>

  export default {
    name: 'HomeSwiper',
    data () {
      return {
        list: ['http://game.gtimg.cn/upload/adw/image/20181118/96dcf206282da5bb6e4317e99fb2bc4a.jpg',
          'http://game.gtimg.cn/upload/adw/image/20181118/91922936019971dd6aa6e8c00364a7a6.jpg',
          'http://game.gtimg.cn/upload/adw/image/20181118/91922936019971dd6aa6e8c00364a7a6.jpg',
          'http://game.gtimg.cn/upload/adw/image/20181118/05eb64ce29c53484610b78955e205b15.jpg']
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .block {
    padding-top: 35px;
  }
  .el-carousel__item img {
    width:100%;
    height:160px
  }
</style>
